<template>
     <div class="item" @click="jump(data._id)">
        <img :src="data.src" alt="">
        <div class="content">
            <div class="name">{{data.goods_name}}</div>
            <div class="price"><span>￥</span>{{data.goods_price}}</div>
        </div>
     </div>
</template>

<script>
    export default {
        name:"Item-Type",
        props:['data'],
        data(){
            return {
                isSend:false
            }
        },
        methods: {
            jump(_id){
                this.$router.push({
                    path:"/details",
                    query:{
                        _id,
                    }
                })
            }
        },
    }
</script>

<style scoped lang="less">

    .item{
            padding: 2.7vw;
            display: flex;
            height: 16vw;
            border-bottom: 0.3vw solid rgb(226, 225, 225);
            img{
                height: 16vw;
                width:16vw; 
                margin-right: 2.7vw;               
            }

            .content{
                width: 100%;

                .name{
                    font-size: 4.3vw;
                    font-weight: 600;
                }
                .price{
                    color: red;
                    font-size: 4.3vw;
                    margin-top: 1.3vw;
                    
                    span{
                        font-size: 3.2vw;
                        margin-right: 1.1vw;
                    }
                }
            }
        }
</style>